/*reset*/
/*.all{
	background:transparent url("../img/13.png") repeat 0 0;
	position: absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
}*/
a{cursor: pointer;}
a:hover{
	text-decoration:none;
}

body{
	font-family: "微软雅黑","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
}
.header_wrap{width:1095px;margin:0 auto;}
.header{
	height:88px;
	background:transparent url("../img/1.png") repeat-x 0 0;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:10000;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}
.h_logo h3{
	background:transparent url("../img/2.png") no-repeat 0 -4px;
	height:97px;
	width:186px;
	margin:0 0 0 0;
}
.h_logo h3 span{display:none;}
.h_nav{}
.h_nav .h_n_list{
	list-style:none;
	margin:24px 0 0 0;
}
.h_nav .h_n_list li{
	float:left;
}
.h_nav .h_n_list li a{
	float:left;
	cursor:pointer;
	display:block;
	width:75px;
	height:37px;
	color:#000;
	text-align:center;
	line-height:30px;
	
}
.h_nav .h_n_list li a:hover{
	background:transparent url("../img/3.png") no-repeat 0 0px;
	color:#333;
}
.h_language{margin:18px 0 0 0;}
.h_language p{
	background:transparent url("../img/4.png") no-repeat 0 6px;
	
	font-size:12px;
	margin:0 0 0 0;
	padding:0 0 0 6px;
	cursor:pointer;
}
.h_language p a{
	color:#999999;
}
.h_language p a:hover{
    color:#000;
}

.contenter{margin:88px 0 0 0;}

#slides {
      display: none
    }
    .slidesjs-container{
    	 z-index:100;
    }

    #slides .slidesjs-navigation {
      top:-20px;
      left:20px;
      z-index:1000;
      position:relative;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(../img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

.slidesjs-pagination {
      margin: -20px 20px 0 0;
      float: right;
      list-style: none;
       z-index:1000;
       position:relative;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    .s_item{position:relative;}
    .s_item .s_i_intro{
    	position:absolute;
    	top:180px;
    	right:100px;
    	padding:12px 24px;
    	width:300px;
    	border-left: 6px solid #fff;
    	background:rgba(0,0,0,0.9);
    	color:#fff;
    }
    .s_item .s_i_intro h4{font-size:14px;}
    .s_item .s_i_intro p{font-size:12px;}
    .s_item .s_i_intro a{color:#fff;font-size:12px;}
    .s_item .s_i_over{
    	position:absolute;
    	top:0px;
    	right:0px;
    	height:100%;
    	width:646px;
    	background:transparent url(../img/5.png) repeat-y 0 0;
    }





    /* Example wrapper */
.wrap {
	position: relative;
	width: 1095px;
	margin:18px auto 18px auto;
}

/* Frame */
.frame {
	height: 250px;
	overflow: hidden;
}
.frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
}
.frame ul li {
	float: left;
	width: 227px;
	height: 99%;
	margin: 0 1px 0 0;
	padding: 0;
	color: #ddd;
	cursor: pointer;
}
.frame ul li.active {
	background: #fff;
}

/* Scrollbar */
.scrollbar {
	margin: 1em 0 1em 0;
	height: 2px;
	background: #ccc;
	line-height: 0;
}
.scrollbar .handle {
	width: 100px;
	height: 100%;
	background: #292a33;
	cursor: pointer;
}
.scrollbar .handle .mousearea {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px;
}

/* Pages */
.pages {
	list-style: none;
	margin: 20px 0;
	padding: 0;
	text-align: center;
}
.pages li {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 4px;
	text-indent: -999px;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.pages li:hover {
	background: #aaa;
}
.pages li.active {
	background: #666;
}

/* Controls */
.controls { margin: 25px 0; text-align: center; }

/* One Item Per Frame example*/
.oneperframe { height: 360px; }
.oneperframe ul li { width: 1095px; }
.oneperframe ul li.active { background: transparent; }

/* Crazy example */
.crazy ul li:nth-child(2n) { width: 100px; margin: 0 4px 0 20px; }
.crazy ul li:nth-child(3n) { width: 300px; margin: 0 10px 0 5px; }
.crazy ul li:nth-child(4n) { width: 400px; margin: 0 30px 0 2px; }

/* Effects */
.effects {
	height: 200px;
	line-height: 200px;
	-webkit-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
	-webkit-perspective-origin: 50% 50%;
	-ms-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
	overflow-y: show;
}
.effects ul {
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.effects ul li {
	position: relative;
	margin: 0 -20px;
	-webkit-transform: rotateY(60deg) scale(0.9);
	-ms-transform: rotateY(60deg) scale(0.9);
	transform: rotateY(60deg) scale(0.9);
	-webkit-transition: -webkit-transform 300ms ease-out;
	transition: transform 300ms ease-out;
}
.effects ul li.active {
	z-index: 10;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.effects ul li.active ~ li {
	-webkit-transform: rotateY(-60deg) scale(0.9);
	-ms-transform: rotateY(-60deg) scale(0.9);
	transform: rotateY(-60deg) scale(0.9);
}

.app h3,.focus h3{
	background:transparent url(../img/8.png) no-repeat 0 0;
	width:200px;
	font-size:18px;
	color:#000000;
	padding:0 0 0 36px;
	margin:0 0 18px 0;
	height:36px;
}
.app_two{
	background:transparent url(../img/9.png) no-repeat 0 0;
	text-align:center;
	color:#333;
	width:138px;
	height:34px;
	line-height:34px;
	font-size:18px;
	margin:18px 0 0 36px;
}
.app .span6{
	
}
.app_download{
	margin:48px 0 0 0;
}
.app_download a{color:#fff;
font-size:36px;
height:54px;
line-height: 54px;
background:#7bd0a9;
padding:0 48px;
border-radius:4px;
border-bottom:6px solid #67c89b;
font-family:Helvetica;
display:block;
}
.app_download a:hover{
	border-bottom:6px solid #7bd0a9;
}

.focus h3{
	background:transparent url(../img/12.png) no-repeat 0 0;
}
.focus .row-fluid{
	background:transparent url(../img/1.jpg) repeat 0 0;
	border-radius:16px;
	
	margin:90px 0 18px 0;
	height:124px;
}
.focus .row-fluid .f_wrap{
	padding:4px 18px 14px 18px;
}
.focus p{
	border-radius:24px;
	border:2px solid #ececec;
	color:#000;
	padding:3px 3px 3px 12px;
	margin:18px 0 0 0;
}
.focus p a{
	color:#232323;
}
.widthwrap{
	width:1095px;margin:0 auto;
}
.footer{
	background:#202020;
	height:198px;
	padding:12px 0 0 0;
	border-top:3px solid #343434;
	color:#464442;
}
.f_h3{color:#e6e6e6;font-size: 14px;line-height:14px;margin:18px 0 36px 0;}
.foot_p{margin:0 0 0 74px;}
.foot_p a{color:#616161;padding:0 0 0 8px;display:block;background:transparent url(../img/29.png) no-repeat 0 6px;}
.foot_p a:hover{color:#e6e6e6;background:transparent url(../img/30.png) no-repeat 0 6px;}
.two_img{
	padding:18px 0 0 36px;
}
.appintro{margin:18px 0 0 36px;line-height:18px;}

.intro_style{margin:18px 0 18px 0;padding:18px;color:rgb(123, 122, 120);}
.intro_style h3{
	font-size:18px;
	border-bottom:2px solid #000;
	line-height: 24px;
    margin:0 0 18px 0;
    color:#000;
}
img.t_face{
	border-radius: 120px;
}
.introteam h4{
	font-size:14px;
}
.intro_style p{
	margin:36px 0 0 0;
	width:80%;
}
.customer_nav{
	border-left:1px solid #333;
	list-style:none;
	margin:36px 0 0 36px;
	padding:0 0 0 6px;
}
.customer_nav li a{
	color:#333;
	font-size:14px;
	display:inline-block;
	padding:0 0 0 24px;
	font-weight:bold;
	background:transparent url(../img/19.png) no-repeat -8px 5px;
}
.customer_nav li a:hover{
	color:#ccc;
}
.crazy ul li{text-align:center;}
.crazy ul li div img{
	margin:36px 0 0 0;
}
.crazy ul li p{width:100%;text-align:center;color:#666666;margin:18px 0 0 0;}
.crazy {height:180px;}

.pro_intro{padding-top:36px;}
.iphone_b{margin:0 0 0 -120px;z-index:1;position:relative;}
.iphone_w{z-index:2;position:relative;}
.app_intro span{color:#000; padding:0 9px;}
.app_intro p,.igolf_detail p{
	margin:6px 0 12px 0;
    padding:9px;
    text-align:justify;
}
.igolf_detail{
	background: url("../img/1.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
	padding:9px;
	border-radius: 16px;
	margin:36px 0 0 0;
}
.igolf_detail h4{font-size:12px;color:#000;padding:0 9px;}
.igolf_img{margin:36px 0 0 0;}
.igolf_img .span6 h4{font-size: 14px;}
.s_wrap{display:none;}
.s_active{display:block;}
.customer_nav li .s_n_active{color:#ddd;}
.event_img div.span4{position:relative;margin-bottom: 18px;}
.event_img div.span4 a{color:#fff;
	font-size:12px;
	display:none;
	position:absolute;
	top:0px;left:0px;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align: middle;
	line-height:180px;
	background:rgba(0,0,0,0.8) url("../img/26.png") no-repeat scroll 65% 52%;
}
.event_img div.span4:hover a{display:block;}

